<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>新致回溯质检平台</title>
	<meta name="description">
	<meta name="keywords" content="index">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="icon" type="image/png" href="../assets/img/main/liantongLOGO.jpg">
	<link rel="apple-touch-icon-precomposed" href="../assets/libs/amazeui/i/app-icon72x72@2x.png">
	<meta name="apple-mobile-web-app-title" content="Amaze UI" />
	<link rel="stylesheet" href="../assets/libs/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
	<link rel="stylesheet" href="../assets/libs/amazeui/css/amazeui.min.css" />
	<link rel="stylesheet" href="../assets/libs/amazeui/css/app.css">
	<link rel="stylesheet" href="../assets/css/core.css">
	<style>
		.tpl-header-logo {
			background-color: #000F3E !important;
		}

		.left-sidebar {
			background-color: #000F3E !important;
			/******************************************/
			/*height: 1140px !important;*/
			/******************************************/
		}
		.sidebar-nav-sub .sidebar-nav-link {
			padding-left: 0 !important;
		}

		.sidebar-nav-link a {
			color: #ccc !important;
			border: none !important;
		}
		.sidebar-nav-link a:hover {
			background-color: #1890FF !important;

		}
		.sidebar-nav-sub {
			background-color: #000721;
		}
		.sidebar-nav-sub .sidebar-nav-link a {
			padding-left: 50px;
		}
		.theme-white .sidebar-nav-link a.active {
			background-color: #1890FF !important;
		}
		/**********************************************/
		.am-g{
			/*height: 1140px !important;*/
		}
		/**********************************************/
		#mainFrame{
			/*height: 1075px;*/
		}
	</style>
</head>

<body data-type="index">
	<div id="main" v-cloak class="am-g tpl-g">
		<!-- 头部 -->
		<header>
			<!-- logo -->
			<div class="am-fl tpl-header-logo">
				<a href="javascript:;"><img src="../assets/img/main/logo2x.png" alt=""></a>
			</div>
			<!-- 右侧内容 -->
			<div class="tpl-header-fluid">
				<!-- 侧边切换 -->
				<div class="am-fl tpl-header-switch-button am-icon-list data-am-offcanvas" >
					<span> </span>
				</div>
				<!-- 其它功能-->
				<div class="am-fr tpl-header-navbar">
					<ul>
						<!-- 欢迎语 -->
						<li class="am-text-sm tpl-header-navbar-welcome">
							<a href="javascript:;">欢迎你,
								<span>{{user.operator.optName}}</span>
							</a>
						</li>
						<!-- 退出 -->
						<li class="am-text-sm">
							<a href="javascript:;" @click="logout()"><span class="am-icon-sign-out"></span> 退出</a>
						</li>
					</ul>
				</div>
			</div>

		</header>
		<!-- 风格切换 -->
		<div class="tpl-skiner">
			<div class="tpl-skiner-toggle am-icon-cog"></div>
			<div class="tpl-skiner-content">
				<div class="tpl-skiner-content-title">选择主题</div>
				<div class="tpl-skiner-content-bar">
					<span class="skiner-color skiner-white" data-color="theme-white"></span>
					<span class="skiner-color skiner-black" data-color="theme-black"></span>
				</div>
			</div>
		</div>
		<!-- 侧边导航栏 -->
		<div class="left-sidebar">
			<!-- 菜单 -->
			<ul class="sidebar-nav">
				<li v-for="menu in filterRootMenus" class="sidebar-nav-link">
					<a v-if="menu.menuUrl" href="javascript:void(0)" v-bind:class="currentPage == menu.menuName ? 'active':''" @click="menuChange(menu.menuName,menu.menuUrl)">
						 <i class="am-icon-home sidebar-nav-link-logo"></i>
						 {{menu.menuName}}
					</a> 
					<a v-else href="javascript:;" class="sidebar-nav-sub-title" @click="parentClick($event)"> 
						<i	class="am-icon-table sidebar-nav-link-logo"></i>
						 {{menu.menuName}}
						<span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
					</a>
					<ul v-if="!menu.menuUrl" v-for="childMenu in childMenus(menus,menu.menuNo)" class="sidebar-nav sidebar-nav-sub">
						<li class="sidebar-nav-link">
							<a href="javascript:void(0)" v-bind:class="currentPage == childMenu.menuName ? 'active':''" @click="menuChange(childMenu.menuName,childMenu.menuUrl)"> 
								{{childMenu.menuName}}
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>

		<!-- 内容区域 -->
		<iframe id="mainFrame" name="mainFrame" class="tpl-content-wrapper" frameborder="0" scrolling="no"></iframe>
		<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
			<div class="am-modal-dialog">
				<div class="am-modal-hd">提示信息</div>
				<div class="am-modal-bd">确定要删除所选用户吗？</div>
				<div class="am-modal-footer">
					<span class="am-modal-btn" data-am-modal-cancel>取消</span>
					<span class="am-modal-btn" data-am-modal-confirm>确定</span>
				</div>
			</div>
		</div>
		<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirmOne">
			<div class="am-modal-dialog">
				<div class="am-modal-bd" style="border-bottom: none;">
					<div class="am-u-sm-12">
						<ul id="branchTree" class="ztree" style="height: 20rem;overflow:auto"></ul>
					</div>
				</div>
			</div>
		</div>
		<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirmTwo">
			<div class="am-modal-dialog">
				<div class="am-modal-bd" style="border-bottom: none;">
					<div class="am-u-sm-12">
						<ul id="branchTreeT" class="ztree" style="height: 20rem;overflow:auto"></ul>
					</div>
				</div>
			</div>
		</div>
		<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
			<div class="am-modal-dialog">
				<div class="am-modal-hd">提示信息</div>
				<div class="am-modal-bd"></div>
				<div class="am-modal-footer">
					<span class="am-modal-btn" data-am-modal-confirm>确定</span>
				</div>
			</div>
		</div>
	</div>

	<script src="../assets/js/util/crypto-js.min.js"></script>
	<script src="../assets/js/util/Aes.js"></script>
	<script src="../assets/libs/amazeui/js/jquery.min.js"></script>
	<script src="../assets/libs/vue/vue.min.js"></script>
	<script src="../assets/libs/amazeui/js/theme.js"></script>
	<script src="../assets/libs/amazeui/js/amazeui.min.js"></script>
	<script type="text/javascript" src="../assets/libs/ztree/js/jquery.ztree.core.js"></script>
	<script src="../assets/js/util/app.js"></script>
	<script src="../assets/env.js"></script>
	<script src="../assets/js/laydate-v1.1/laydate/laydate.js"></script>
	<script src="../assets/js/util/common.js"></script>
	<script src="../assets/js/biz/main/index.js"></script>
</body>

</html>